@import 'normalize.css/normalize.css';
@import './theme';
@import './common';

*,
::before,
::after {
  box-sizing: border-box;
}

html,
body,
#app {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-regular);
  @extend %themed;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

img {
  display: inline-block;
  max-width: 100%;
}

svg {
  display: inline-block;
}

ul,
li {
  padding: 0;
  list-style: none;
}

/* 滚动条整体粗细样式 */
::-webkit-scrollbar {
  /* 高宽分别对应横竖滚动条的尺寸 */
  width: 8px;
  height: 8px;
}

/* 滚动条里面小方块 */
::-webkit-scrollbar-thumb {
  /* 颜色 */

  /* background:#b6b6b6!important; */

  /* 线性渐变背景 */
  background-image: linear-gradient(45deg, #ffbd61 25%,#ffbd61 25%, #f80 25%, #f80 50%,#ffbd61 50%, #ffbd61 75%, #f80 75%, #f80 100%)!important;
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #EDEDED;
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
}
